Quixtay Style tile
Staff PMS · Agency portal · Guest engine
01 · Colour — two grounds
Chrome — dark, recedes
ink-900 #10151C
ink-700 #1E2833
ink-500 #48596B
ink-300 #8FA0B0
Work surface — near white, holds data
paper #FBFCFD
paper-sunk #F1F4F7
rule #DFE5EB
Text 7:1Muted 4.9:1
text · text-muted
brass-600
brass-500
brass-100

The accent is brass, from the key tag — not blue. Blue is reserved for status. Brass appears at most three times on a screen: primary button, focus ring, selected cell.

02 · Type
display 28/32 600 Rack view, 14 August h1 20/26 600 Arrivals — 12 due h2 16/22 600 Room 204 · Deluxe twin body 14/20 400 Guest pays on departure. Card on file ending 4421. small 13/18 400 Free cancellation until 18:00 on 11 September 2026. micro 11/14 500 caps Arrivals due · Column head data 13/18 500 mono RES-10482 · 204 · 14 Aug · £142.00 data-lg 16/20 500 mono £1,284.50

Any number that sits in a column is set in IBM Plex Mono with tabular figures. Never set a price in the body face.

03 · Button states
Check in Modify booking Print registration Cancel booking
Check in Modify booking Print registration Cancel booking
Post charge Post charge Post charge sm 24 · md 28 · lg 36 touch

Hover lightens one step (brass-600 → brass-500) in 80ms; press darkens. No scale transforms. Focus ring is brass, 2px, visible on keyboard focus.

04 · Status — all seven
Glyph-only, for dense grid cells. Status is never colour alone; out of order hatches so it reads in greyscale — flip the greyscale tweak to test.
05 · One card, one table row
RES-10482 Direct
Okafor, Daniel
2 adults · 3 nights
Fri 12 Sep → Mon 15 Sep 2026
RoomDeluxe twin · 204
Rate planFlexible, room only
Total£426.00

36px row, micro-caps heads, paper-sunk stripes, numeric columns right-aligned in mono. Elevation is a hairline rule plus a 1px inner highlight — no soft shadow.